@font-face {
      font-family: desdemona;
      src: url(../font/desdemona-black.otf) format("opentype");
      font-weight: bold;
}





body {
    background-color:#ebf5fd;
}

#site {
	/*background-color:#FEFDF0;	*/
	background-color:White;
    background-image: url(../img/background_dashboard_small.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    padding:40px;
    margin-top:20px;
    margin-bottom:20px;
	padding-bottom:0px;
    -moz-border-radius: 5px 5px 5px 5px;
    /*border:10px solid #FEFEE2 	;*/

}


#home {
	background-color:White;
	-moz-border-radius: 5px 5px 5px 5px;
	/*color:White;	
    background-repeat: no-repeat;
    background-position: top right;*/
    padding:40px;
    margin-top:20px;

}

.mute_button + .ui-button span, .solo_button + .ui-button span{
	font-size:0.8em;
	padding:3px;
	margin:0px;
}
.mute_button + .ui-button span{
	background-color:rgba(255, 0, 0, 0.2);
}
.solo_button + .ui-button span{
	background-color:rgba(0, 255, 0, 0.2);
}

.solo_button + .ui-button[aria-pressed=true] span {
	background-color:rgba(0, 255, 0, 0.8);
}
.mute_button + .ui-button[aria-pressed=true] span {
	background-color:rgba(255, 0, 0, 0.8);
}

.main {
	border-right:1px dashed #CCC;	
	padding-right:8px;
}

table td {
	padding:1px;	
}

p {
	margin-bottom:0px;	
}

.album_date{
	font-family:Arial; 
	font-size:0.5em;	
}

.no-list {
	list-style-type:none;
}

h1, h2, h3{
	/*font-family:"desdemona", serif;*/
}

#site h1{
	background: rgba(255, 255, 255, 0.5);
}
h1 {
	font-family:"desdemona", serif;	
}

textarea {
	width:80%;	
}

.block{
	-moz-border-radius: 5px 5px 15px 5px;
	background: rgba(255, 255, 255, 0.5);	
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	padding-bottom:5px;
	/*margin:5px;
	padding:5px;*/
}
#footer {
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	padding-bottom:5px;	
}

ul{
	list-style-type:square;	
}

.soft{
	color:#777777;	
}

h2, h3, h4{
	font-size:1em;
	padding:4px;	
}
h4 {
	font-size:0.9em;	
}
h1 {
	padding:4px;	
}
p, li{
	font-size:0.9em;

}
p{
	padding:4px;		
}

.rss {
	float:right;	
	color:#92231c;
	font-family:"Arial";
	font-size:0.6em;
}

.block_title, .more{
	/*font-family:"desdemona", serif;*/
	/*font-size:1.4em;*/
	color:#000000;;
	/*background-color:rgba(220, 220, 220, 0.8);
	-moz-box-shadow: 0px -20px 10px -10px rgba(210, 210, 210, 0.8) inset; 	*/
	
	padding:3px;
}
.block_title {
	/*border-bottom:3px solid rgba(0, 0, 0, 0.1);*/
}
.subtitle{
	padding-top:0; 
	margin-top:0;
	font-size:0.8em;
}
a.headerlink {
	visibility:hidden;	
}
:hover >a.headerlink {
	visibility:visible;	
}
.artists {
	text-align:center;	
}

.tab, .text, .download, .button {
		
		padding:2px;
		font-size:0.8em;
		margin:3px;
		-moz-border-radius: 5px 5px 5px 5px;
		background-color: rgba(255, 255, 255, 0.9);	
		cursor:pointer;
}




ul.button-list {
	list-style:none;
	padding:0px;
	margin:0px;
}
ul.button-list li {
	display:inline;
	padding:0px;
    line-height:25px;
	margin:0px;
}

.button {
    font-size:1em;
	border:1px solid #cccccc;
	margin:1px;
}
.button:hover{
	background-color:#f0f0f0;	
}	

ul.follow {
	
	list-style:none;	
}

ul.follow li {
	margin:2px;	
	display:inline;
	padding:2px;
}

a.tab , a.text, a.download, a.button{
	text-decoration:none;
	border:1px solid #cccccc;
	margin:1px;
}
a.tab:hover , a.text:hover, a.download:hover, a.button:hover{
background-color:#f0f0f0;	
}
.menu {
	font-family:"desdemona", serif;
	margin-bottom:20px;
	padding-bottom:20px;
	font-size:1.3em;
	font-weight:bold;
}
.home {
	font-family:"desdemona", serif;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
}

.menu ul{
	list-style:none;	
	padding:0;
	margin-left:0;
}
.menu li{
	float:left;
	margin:0;
}
.menu a{
	text-decoration:none;	
	padding:3px;
	-moz-border-radius: 5px 5px 5px 5px;
	background-color: rgba(230, 230, 230, 0.1);	
	display:block;
	margin:4px;
}
.menu a:hover{
	background-color: rgba(210, 210, 210, 0.3);	
}


.album-image {
	float:left;
	margin-right:10px;	
}
.album-image img {
		
}

.album-image a {

}

.post-image {
	width:200px;
	float:left;	
	margin:4px;
	padding:4px;
	margin-right:20px;
}


.tracks .track {
	height:120px; 
	float:left; 
	margin:15px;
	margin-bottom:3px;
}
.tracks .trackname {
	width:37px;
	font-size:0.8em;
	text-align:center;
	/*background-color:green;color:red;*/
	margin:3px;
	
	display:block;
	float:left;
}

#timeline_slider {
	width:450px;
	margin:10px;	
	float:right;
}

#stop, #pause, #play {
		
}

.special_title a {
	text-decoration:none;	
}
.special_title {
	border-top:1px solid #ddd;
	
	background-color : rgba(240, 240, 240, 0.1);
}

.subblock_layout {
	/*border:1px solid gray;*/
	margin:5px;	
	display:block;
}
.subblock_layout a {
	display:block;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

.list_item {
	list-style:none;	
}

.subblock_layout a:hover, .list_item:hover{
	background:  rgba(210, 210, 210, 0.3);	
	-moz-border-radius: 15px 15px 15px 15px;
}
.subblock_layout a *{
	padding-bottom:8px;
	margin-bottom:0px;
}

.slideshow_preview {
    width:50px;
    float:left;
    margin:5px;		
}

.row1{
	background: rgba(220, 220, 220, 0.2);
}	

.image-box{
	float:left;	
	display:inline;
	margin:5px;
	background: rgba(255, 255, 255, 0.6);	
	padding:3px;
}
.image-box img {
	text-align:center;
}


.image-box a {
	border:0px solid black;	
	background-color:#eee;
	padding:4px;
	display:block;
}
.image-box a:hover{
	background-color:#ddc;	
}

.back_home a {
	font-family:"desdemona", serif;	
	-moz-border-radius: 15px 15px 15px 15px;
	background: rgba(240, 0, 0, 0.5);	
	display:block;
	text-decoration:none;
	padding:4px;
	text-align:center;
	font-size:1.1em;
}

.hazard a {
	font-family:"desdemona", serif;	
	font-weight:bold;
	-moz-border-radius: 15px 15px 15px 15px;
	background: rgba(0, 240, 0, 0.5);	
	display:block;
	text-decoration:none;
	padding:4px;
	text-align:center;
	font-size:1.1em;
}

/*

.color1{
    color:#e1a7f4;	
}
.color2{
    color:#ffc13c;		
}
.color3{
    color:#e475aa;	
}
.color4{
    color:#fbb6e3;
}
.color5{
    color:#7cf1e7;	
}
.color6{
		color:#61da8f;
}
.color7{
	color:#ee647c;	
}

*/


.block > h2:first-child, .block > h3:first-child{
	-moz-border-radius: 0px 0px 0px 0px;
}

.more {
	-moz-border-radius: 0px 0px 15px 0px;
	text-align:right;
	font-size:2em;
	padding-bottom:2px;
	margin-bottom:2px;
	color:rgba(0, 0, 0, 1);
	
}
.more a {
	visibility:hidden;	
	text-decoration:blink;
}
.block:hover .more a {
	visibility:visible;	
}

p {
	text-align:justify	
}

a{
	color:#553333;	
}